import React, {
  Component,
} from 'react';
import PropTypes from 'prop-types';
import Circle from 'sanyuelanv-circle';

export default class CircleProgressBar extends Component {
  render() {
    return (
      <div className="circle-progress-bar">
        <Circle
          current={this.props.progress}
          startPoint={0}
          gradientDirection={'horizontal'}
          size={96}
          strokeWidth={4}
          radius={40}
          progressColor={'#40a6ff'}
          bottomColor={'#757783'}
          showText
          textStyle={{ type: 0, size: 16, color: '#FFF' }}
        />
      </div>
    );
  }
}

CircleProgressBar.propTypes = {
  progress: PropTypes.number,
};
